// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #00a0e9,
  secondary:  #69aaed,
  danger:     #020202,
  light:      #f4f4f4,
  dark:       #222,
  ty-gray:    #BBBBBB,
  ty-blue:    #448AF8,
  ty-nav-bar: #f8f8f8,
  ty-partingline: #f6f6f6,
  ty-white: white,
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
$segment-button-md-border-bottom-width: 0px;
$segment-button-md-font-size: 1.4rem;

$toolbar-ios-title-font-size:1.7rem;

// $toast-width:50%;
$toast-max-width:50%;
$toast-ios-background: rgba(56, 55, 55, 0.76);
.toast-message{
  font-size:1.7rem !important;
  text-align: center;
}
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here


$loading-ios-background: rgba(56, 55, 55, 0.76);
$loading-ios-text-color:	rgb(238, 237, 237);
$loading-ios-spinner-color:rgb(236, 235, 235);
$loading-ios-content-font-weight:5px;
$loading-ios-border-radius:	5px;
$loading-ios-padding-top:	25px;
$loading-ios-padding-end:	25px;
$loading-ios-max-width:	150px;
$loading-ios-max-height:150px;
.loading-wrapper {
  flex-direction: column;
}
.loading-ios .loading-spinner + .loading-content{
  margin-left: 0px !important; 
  margin-top: 10px !important; 
}

.header-ios .toolbar-ios:last-child .toolbar-background-ios{
  border-color: #eeeeee!important;
}

.picker-toolbar-multi-picker-cancel{
  text-align: left !important;
}
// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
@import "./icons";
